JQuery

How to apply font color to the 4th list item using JQuery?

How to apply font color to the 4th list item using JQuery?, someone asked me to explain?
By: 
In this article I will explain how to apply css style using Jquery. This is very simple to apply any css property using JQuery method css.   
<!DOCTYPE html>

    <html>

    <head>

        <title>New document</title>

        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

        <script type="text/javascript" language="javascript">

           $(document).ready(function () {

               $("li").eq(3).css("color", "blue");

            });

        </script>

    </head>

    <body>

        <div>

            <ul>

                <li>list 1</li>

                <li>list 2</li>

                <li>list 3</li>

                <li>list 4</li>

                <li>list 5</li>

            </ul>

        </div>

    </body>

   </html>

Output:

  • list 1
  • list 2
  • list 3
  • list 4
  • list 5

Related Article

Post your comments / questions



Recent Article